<template>
  <div>
    <page-header />
    <div class="book-main">
      <div class="search-div">
        <search-book />
      </div>
      <div class="line-spector" />
      <div class="book-detail">
        <book-message />
      </div>
    </div>
    <right-bottom-fixd />
  </div>
</template>
<script>
import SearchBook from '@/components/SearchBook'
// import BookList from '@/components/BookList'
import RightBottomFixd from '@/components/RightBottomFixd'
import PageHeader from '@/components/PageHeader'
import BookMessage from '@/components/BookMessage'

export default {
  components: {
    PageHeader,
    SearchBook,
    RightBottomFixd,
    BookMessage
  },
  data() {
    return {

    }
  },
  methods: {

  }

}
</script>

<style lang="scss" scoped>
.book-main {
  padding: 0 80px;
  // margin: 0;
  .search-div {
    display: flex;
    justify-content: center;
  }
  .line-spector {
    margin-top: 20px;
    border-top: 1px solid lightblue;
  }
  .book-detail {
    margin-top: 40px;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 70px;
    // background-color: red;
  }
}
</style>
